<template>
  <!-- 查看明细页面弹出框-->
  <el-dialog
    title="已借记分支机构清单"
    center
    :visible.sync="openStatus"
    width="1024px"
    :close-on-click-modal="false"
    :append-to-body="true"
    @close="closeFn"
  >
    <div style="height: 200px; margin-top: 20px">
      <ht-table
        ref="dataTable"
        :showSerialNumber="false"
        :multi-select="false"
        :dictMap="dictMap"
        :reqConfig="reqConfig"
        :initData="false"
        :randomRowKey="true"
        :canHideColumns="false"
        :canHideSearch="false"
        :canRefresh="false"
        :queryParams="queryParams"
        :tableBindColumns="tableBindColumns"
        :opButtonList="opButtonList"
        style="height: 100%"
      ></ht-table>
    </div>
  </el-dialog>
</template>
<script>
import { ddetailsearch } from "@/api/cnaps/nets/AcctLimtWarn/net_noti_query.js";
import { log } from "util";
export default {
  name: "CheckPage",
  components: {},
  props: {
    dictMap: {
      type: Object,
      default: () => {
        return {};
      },
    },
    formData: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      reqConfig: ddetailsearch,
      // 是否显示弹出层
      openStatus: false,
      // 查询参数
      queryParams: {
        id: "",
      },
      opButtonList: () => {
        return [];
      },
      tableBindColumns: [
        {
          label: `分支机构清算行行号`,
          prop: "lc04BranchStBrno",
          width: "270",
          sortable: false,
        },
        {
          label: `已分配授信额度货币币种`,
          prop: "lc04Curcd",
          width: "260",
          sortable: false,
        },
        {
          label: `已分配授信额度`,
          prop: "lc04DstrbtnAmt",
          sortable: false,
        },
      ],
    };
  },
  mounted() {},
  watch: {
    openStatus(d) {
      if (d) {
        this.$nextTick(() => {
          this.$set(this.queryParams, "id", this.formData.id);
          this.$refs.dataTable.doQuery();
        });
      }
    },
  },
  methods: {
    closeFn() {
      this.openStatus = false;
    },
    show() {
      this.openStatus = true;
    },
  },
};
</script>
